<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="utf-8">
	<title></title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="author" content="">
	<link href="css/daterangepicker.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/main.css">

	<script src="js/vue.js"></script>
	<script src="js/request.js"></script>
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">


	<!--[if lt IE 9]>
	<script src="js/html5shiv.min.js"></script>
	<script src="js/respond.min.js"></script>
<![endif]-->
<meta name="renderer" content="webkit">
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>
<div id="apps">
	<header>
		<div class="content">
			<div class="left">
				<a href="./06.html" class="logo">长海招聘</a>
				<div class="addr">
					北京
					<a href="" class="btn-change">[切换城市]</a>
				</div>
				<ul class="menu">
					<li><a href="">招聘</a></li>
				</ul>
			</div>
			<div class="right">
				<div class="operate">
					<a href="./05.html" class="">消息</a>
					<a href="" class="">简历</a>
					<a href="" class="btn-down">APP下载
						<div class="down-box">
							<div class="item">
								<img src="images/code1.png" alt="" class="code">
								<div class="btm"><img src="images/ios.png" alt="" class="icon">IOS</div>
							</div>
							<div class="item">
								<img src="images/code2.png" alt="" class="code">
								<div class="btm"><img src="images/android.png" alt="" class="icon">Android</div>
							</div>
						</div>
					</a>
				</div>
				<div class="user">
					<a href="">登录/注册 <img src="images/face.jpg" alt="" class="face"></a>
				</div>
			</div>
		</div>
	</header>
	<div class="header-space"></div>

	<section class="banner-ad">
		<a href="" style="background-image: url(images/banner241.png);"></a>
	</section>

	<section class="section231">
		<div class="content w900">
			<div class="form">
				<select v-model="param.type">
					<option v-for="item in list" :value="item.id">{{item.name}}</option>
				</select>
				<textarea v-model="param.content" cols="30" rows="10" placeholder="描述您的建议（1000 字）"></textarea>
			</div>
			<div class="operate">
				<input type="submit" value="提交" class="btn" @click="goFun">
			</div>
		</div>
	</section>

	<footer>
		<div class="content">
			<div class="menu">
				<a href="20.html">联系我们</a>
				<a href="23.html">意见反馈</a>
				<a href="24.html">关于我们</a>
			</div>
			<div class="cpt">
				Copyright &#169 2019 人员招聘 ICP备14013400号-1京ICP证150920号 电子营业执照 <a href="">京公网安备11010502031234</a> 首都网警 <a href="">人力资源服务许可证</a>
			</div>
		</div>
	</footer>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/slide.min.js"></script>
<script src="js/polyfill.min.js"></script>
<script src="js/jquery.nicescroll3.7.6.min.js"></script>
<script src="js/main.js"></script>
<script>
	var vm = new Vue({
		el: '#apps',
		data(){
			return {
				list: null,
				param: {
					type: '',
					content: ''
				}
			}
		},
		created() {
			this.getList();
		},
		methods: {
			goFun() {
				if (!this.param.content) {
					this.$message({
						type: 'error',
						message: '请输入建议'
					})
				}
				let url = 'person/platform/suggestion';
				request(url, 'PUT', JSON.stringify(this.param), res => {
					if (res.code === 1) {
						this.$message({
							type: 'success',
							message: '提交成功'
						})
						this.param.content = '';
						this.param.type = this.list[0].id || '';
					}
				}, err => {
					console.log(err)
				})
			},
			getList() {
				let url = 'person/platform/prepare';
				request(url, 'GET', '', res => {
					console.log('基础信息', res)
					if (res.code === 1) {
						this.list = res.data.suggestion_type;
						this.param.type = res.data.suggestion_type[0].id;
					}
				}, err => {
					console.log(err)
				})
			}
		}
	})
</script>
</body>
</html>